<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2015/10/20 0020
  Time: 15:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
    <style>
      div{
        background: #ccc;
        border: 1px solid #666;
        height: 125px;
        position: absolute;
        width: 200px;
      }
      .box1{
        background: pink;
        left: 110px;
        top: 50px;
        z-index: 120;
      }
      .box2{
        background: #ffff00;
        left: 0px;
        top: 130px;
        z-index: 530;
      }
      .box3{
        height: auto;
        min-height: 125px;
        position: static;
        z-index: 1000;
      }
      .box4{
        background: orange;
        left: 20px;
        top: 65px;
        z-index: 3;
      }
    </style>
</head>
<body>
  <div class="box1">
    <p>this is box1</p>
  </div>
  <div class="box2">
    <p>this is box2</p>
  </div>
  <div class="box3">
    <p>this is box3</p>
  </div>
  <div class="box4">
    <p>this is box4</p>
  </div>
</body>
</html>
